<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>form第三次练习</title>
		<!-- style样式对页面内容进行样式设计 -->
		<style type="text/css">
			/* 对body进行设计 */
			body {
				background-color: #FAEBD7;
				
			}

			/* #选择的是id选择器，对指定的id的标签进行样式设计 */
			#div3 {
				/* background-image: url(image/4.jpg); */
				background: url(image/4.jpg )  repeat fixed center ;
				
				
              
			}

			/* 标签选择器，直接对页面内所有的该标签进行页面设计 */
			table {
				margin-top: 50px;
			}

			th {
				font-family: 黑体;
				color: orange
			}

			td {
				font-family: 黑体;
				color: orange;
			}
		</style>
	</head>
	<body>
		<div id="div3">
			<form action="" method="">
				<table border="1" cellspacing="0" cellpadding="" align="center">
					<tr>
						<th colspan="2">用户注册</th>
					</tr>
					<tr>
						<td>用户名：</td>
						<td><input type="text" name="username" id="" value="" /></td>
					</tr>

					<tr>
						<td>密码：</td>
						<td><input type="password" name="userpwd" id="" value="" /></td>
					</tr>

					<tr>
						<td>确认密码：</td>
						<td><input type="password" name="" id="" value="" /></td>
					</tr>
					<tr>
						<td>昵称：</td>
						<td><input type="text" name="" id="" value="" /></td>
					</tr>
					<tr>
						<td>邮箱：</td>
						<td><input type="email" name="" id="" value="" /></td>
					</tr>

					<tr>
						<td>性别：</td>
						<td>
							<!-- 单选框的设计使用radio进行，name相同，对value进行设计。和复选框的设计一样 -->
							<input type="radio" name="sex" id="" value="1" />
							<input type="radio" name="sex" id="" value="2" />
						</td>
					</tr>

					<tr>
						<td>爱好：</td>
						<td>
							<!-- 复选框的设计是使用checkbox name的值必须一致，对value的值进行不同设置。就能复选 -->
							<input type="checkbox" name="hobby" id="" value="1" />泡妹
							<input type="checkbox" name="hobby" id="" value="2" />喝酒
							<input type="checkbox" name="hobby" id="" value="3" />抽烟
						</td>
					</tr>
					<tr>
						<td>城市：</td>
						<td>
							<!-- 下拉框选择 方式用select、进行设计  option是下拉框的选项内容 -->
							<select name="city">
								<option value="1">北京</option>
								<option value="2">南京</option>
								<option value="3">西京</option>
								<option value="4">东京</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>头像：</td>
						<td>
							<input type="file" name="" id="" value="" />

						</td>
					</tr>
					<tr>
						<td>验证码：</td>
						<td>
							<input type="text" name="" id="" value="" />
							<img src="image/2.jpg" width="30px">
							<input type="button" name="" id="" value="点我换一张" />
						</td>
					</tr>
					<tr>
						<td>自我描述：</td>
						<td>
							<textarea rows="" cols="">
								描述信息
							</textarea>
						</td>
					</tr>

					<tr>
						<!-- 提交数据按钮和重置按钮必须 使用submit和reset -->
						<td colspan="2" align="center">
							<input type="submit" name="submit" id="" value="提交" />
							<input type="reset" name="reset" id="" value="重置" />
						</td>
					</tr>
				</table>
			</form>
		</div>

	</body>
</html>
